<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../topshop/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="../../topshop/css/basic.css"/>
<link rel="stylesheet" type="text/css" href="../../topshop/css/style.css"/>
<script type="text/javascript" src="../../topshop/js/jquery-1.8.2.min.js"></script>
</head>

<body>
<div class="wrap">
    <div class="header">
        <div class="logo fl"><a href=""><img src="images/logo.png" alt="大唐一品" /></a></div>
        <div class="search fl">
           <div class="search_le fl">
              <input type="text" />
           </div>
           <div class="search_ri fl"><button type="submit"><img src="images/search.png" width="18" height="18" /></button></div>
           <div class="clear"></div>
        </div>
        <div class="xiaoxi fr"><span class="fa fa-bell-o"></span></div>
        <div class="clear"></div>
    </div>
    
    <div id="demo01" class="flexslider">
	  <ul class="slides">
		<li><div class="img"><img src="images/ad_home.jpg"/></div></li>
		<li><div class="img"><img src="images/ad_yuetu.jpg" /></div></li>
		<li><div class="img"><img src="images/ad_nba.jpg" /></div></li>
	  </ul>
    </div>
    <div class="in_menu">
       <ul>
          <li class="fl">
             <a href="">
                <img src="images/icon01.png" />
                <span>全部商品</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon02.png" />
                <span>家居生活</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon03.png" />
                <span>服饰箱包</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon04.png" />
                <span>美妆护肤</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon05.png" />
                <span>健康食品</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon06.png" />
                <span>限时砍价</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon07.png" />
                <span>数码电器</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon08.png" />
                <span>积分兑换</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon09.png" />
                <span>会员中心</span>
             </a>
          </li>
          <li class="fl">
             <a href="">
                <img src="images/icon09.png" />
                <span>会员中心</span>
             </a>
          </li>
       </ul>
       <div class="clear"></div>
    </div>
    <div class="hot">
       <div class="hot_le fl">大唐头条</div>
       <div class="hot_ri fl">
          <ul>
             <li><a href="#">这里是大唐头条，其实就是新闻啦！</a></li>
             <li><a href="#">这里是大唐头条，其实就是新闻啦！！</a></li>
             <li><a href="#">这里是大唐头条！</a></li>
             <li><a href="#">这里是大唐头条，是新闻啦！</a></li>
             <li><a href="#">这里是大唐...其实就是新闻啦！</a></li>
             <li><a href="#">这里是大唐头条，其实就是新闻啦！欧耶！</a></li>
          </ul>
       </div>
       <div class="clear"></div>
    </div>
    
    <div class="in_fenlei">
      <ul>
         <li class="fl"><a href=""><img src="images/fenlei01.png" /></a></li>
         <li class="fl"><a href=""><img src="images/fenlei02.png" /></a></li>
         <li class="fl"><a href=""><img src="images/fenlei03.png" /></a></li>
         <li class="fl"><a href=""><img src="images/fenlei04.png" /></a></li>
      </ul>
      <div class="clear"></div>
    </div>
    
    <div class="pro">
       <div class="pro_title"><a href="">猜你喜欢</a></div>
       <div class="pro_con">
         <ul>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品的标题这里是产品的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品是产品的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品的产品的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
           <li class="fl">
             <a href="">
                <div class="pro_con_pic"><img src="images/pic.jpg" /></div>
                <p class="pro_con_title">这里是产品的标题这里是产品的标题的标题这里是产品的标题</p>
                <div class="pro_txt">
                   <span class="pro_sp1 fl">￥28.8</span>
                   <span class="pro_sp2 fr">销量：30</span>
                   <div class="clear"></div>
                </div>
             </a>
           </li>
         </ul>
         <div class="clear"></div>
       </div>
    </div>
    
    <div class="footer">大唐一品商城</div>
    
    <div class="foot">
       <ul>
         <li class="fl">
           <a href="">
              <span><img src="images/foot04.png" /></span>
              <p>返回首页</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot03.png" /></span>
              <p>分类搜索</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot02.png" /></span>
              <p>购物车</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot01.png" /></span>
              <p>会员中心</p>
           </a>
         </li>
         <div class="clear"></div>
       </ul>
    </div>
    
    
    
    
</div>
<script type="text/javascript" src="../../topshop/js/slider.js"></script> 
<script type="text/javascript">
function autoScroll(obj){  
			$(obj).find("ul").animate({  
				marginTop : "-39px"  
			},500,function(){  
				$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);  
			})  
		}  
$(function(){
  $('#demo01').flexslider({
		animation: "slide",
		direction:"horizontal",
		easing:"swing"
	});
  setInterval('autoScroll(".hot_ri")',2000);
	
	
});
</script>
</body>
</html>
